﻿body { position: absolute; top: 0; left: 0; width: 100%; margin: 0; padding: 0; }
body, button, input, select, textarea, a, div, span { outline: 0; font: 12px/24px \5FAE\8F6F\96C5\9ED1,Arial,宋体,sans-serif; }
a, a:visited { text-decoration: none; cursor: pointer; color: #666666; }
em, i, u { font-style: normal; }
ul, li { padding: 0; margin: 0; list-style: none; }
.fl { float: left; }
.fr { float: right; }
.hide { display: none; }
.clearfix { clear: both; }
.w { width: 1200px; margin: 0 auto; }
.fc { color: #2577E3!important; }
.fc2 { color: #666666!important; }
.fc3 { color: #ff9913!important; }
.fw { font-weight: bold; }
.tc { text-align: center!important; }
.tr { text-align: right!important; }
.tl { text-align: left!important; }
.bdc { border: 1px solid #ddd; box-sizing: border-box; border-radius: 5px; }
.f12 { font: 12px/24px \5FAE\8F6F\96C5\9ED1; }
.f14 { font: 14px/28px \5FAE\8F6F\96C5\9ED1; }
.f16 { font: 16px/32px \5FAE\8F6F\96C5\9ED1; }
.f18 { font: 18px/36px \5FAE\8F6F\96C5\9ED1; }
.f20 { font: 20px/40px \5FAE\8F6F\96C5\9ED1; }
.mt { margin-top: 20px; }
.ml { margin-left: 20px; }
.mr { margin-right: 20px; }
.mb { margin-bottom: 20px; }
.ovf { overflow: hidden; }
.del { text-decoration: line-through; }
.form-group { min-height: 59px!important; margin-bottom: 20px; box-sizing: border-box; }
.form-control { border-radius: 3px; background-clip: padding-box; border-color: #e7ebee; box-shadow: none; font-size: 13px; display: block; width: 100%!important; height: 34px!important; }
.col-xs-3, .col-xs-4, .col-xs-6, .col-xs-9, .col-xs-12 { float: left; padding-left: 8px; padding-right: 8px; position: relative; }
.col-xs-12 { width: 100%; }
.col-xs-9 { width: 75%; }
.col-xs-6 { width: 50%; }
.col-xs-4 { width: 33.3333333333%; }
.col-xs-3 { width: 25%; }
form label { color: #FF9913; }

i.fa.bdc { width: 20px; line-height: 20px; border: 1px solid #666; border-radius: 5px; box-sizing: inherit; }

.es { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; }
input[type=text], input[type=password], select { box-sizing: border-box; border: 1px solid #e7ebee; border-radius: 3px; padding: 0 5px; color: #555; height: 40px; width: 200px; }
select { width: auto; }

ul.table { width: 100%; }
ul.table li { text-align: center; overflow: hidden; padding: 10px; border-bottom: 1px dashed #ddd; height: 50px; }
ul.table li img { width: 50px; height: 50px; border-radius: 3px; }
ul.table li div { float: left; height: 100%; line-height: 50px; text-align: center; }

ul.table li:first-child { height: auto; border-bottom: 1px solid #ddd; }
ul.table li:first-child div { font: 18px/36px \5FAE\8F6F\96C5\9ED1; color: #ff9913; }
ul.table li:first-child div:first-child { text-align: left; }
ul.table li:first-child div:last-child { text-align: right; }
ul.table li:last-child { border-bottom: 0; }


.btn { display: inline-block; cursor: pointer; border: 1px solid #ddd; background-color: pink; text-align: center; padding: 10px 20px; border-radius: 5px; color: white; }
.btn-red { background-color: #b60606; border: 1px solid #b60606; color: white; padding: 0 7px; }
.btn-blue { background-color: white; border: 1px solid #2577E3; color: #2577E3; padding: 5px 20px; margin-left: 5px; }
.btn-blue:hover { background-color: #e7ebee; /*border: 1px solid #F28D09;*/ color: #2577e3; }
.btn-orange, .btn-orange:visited { background-color: #ff9913; border: 1px solid #ff9913; color: white; padding: 0 7px; }
.btn-orange:hover { background-color: #F28D09; border: 1px solid #F28D09; color: white; }

/*购物车计数器*/
.counter { height: 30px; overflow: hidden; }
.counter span { text-align: center; font-size: 14px; display: block; width: 24px; border: 1px solid #ddd; float: left; line-height: 28px; cursor: pointer; background-color: #ededed; }
.counter span:first-child { border-right: 0; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.counter span:last-child { border-left: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.counter span:hover { background-color: #ddd; }
.counter input { border: 1px solid #ddd; float: left; width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 0; }
.counter.noallow, .counter.noallow span, .counter.noallow input { cursor: not-allowed; }

.weui_mask, .weui_mask_transition, .weui_mask_transparent { z-index: 100; }
.weui_dialog { z-index: 101; min-width: 600px!important; }
.weui_dialog_hd { text-align: left; padding-left: 20px; border-left: 3px solid #2577E3; color: #2577E3; }
.weui_dialog_bd { padding: 20px 0; text-align: center!important; }
.weui_dialog_ft { position: relative; margin-top: 20px; font: 17px/42px \5FAE\8F6F\96C5\9ED1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.weui_dialog_ft a { font: 17px/42px \5FAE\8F6F\96C5\9ED1; }

.bodyer { }
.header_toolbar { width: 100%; height: 30px; line-height: 30px; background: #f3f3f3; border-bottom: 1px #e8e8e8 solid; }
.header_toolbar a { margin: 0 10px; color: #2577E3; }
.header_content { height: 100px; padding: 10px 0 10px 0; background: #fff; }
.header_content .logo { position: absolute; width: 258px; height: 74px; background-image: url(/Content/Style/Img/logo.png); background-repeat: no-repeat; margin-top: 10px; }
.header_content_search { position: absolute; margin-left: 350px; margin-top: 30px; }
.header_content_search input { width: 500px; border: 2px solid #ff9913; border-radius: 0; }
.header_content_search a { position: absolute; right: 0; top: 0; background-color: #ff9913; line-height: 40px; width: 100px; text-align: center; color: white; font-size: 16px; }
.header_content_search a:hover { background-color: #F28D09; }
.header_content .hotline { background: url(http://www.96tyw.com/images/hotline.png) no-repeat; width: 215px; height: 70px; margin-top: 15px; }
.listHeader { padding-left: 20px; height: 40px; }

.header_menu { background: #2577E3; height: 45px; width: 100%; }
.header_menu li { float: left; }
.header_menu li a { display: block; color: #fff; font-size: 16px; height: 45px; line-height: 42px; width: 125px; text-align: center; overflow: hidden; font-weight: bold; font-family: "Microsoft YaHei" !important; }
.header_menu li a:hover { color: #fff; background-color: #ff9913; }

.footer { border-top: 1px solid #ddd; padding-top: 20px; }
.footer ul { float: left; padding-right: 50px; }
.footer ul li { padding-left: 30px; color: #828282; text-decoration: none; font-size: 12px; line-height: 24px; font-family: \5FAE\8F6F\96C5\9ED1; }
.footer ul li:first-child { font: 16px/32px \5FAE\8F6F\96C5\9ED1; color: #2577E3; }

/*文章页*/
.article_title { padding: 20px 0; margin: 0 20px; border-bottom: 1px solid #ddd; }
.article_title div { text-align: center; font: 24px/48px \5FAE\8F6F\96C5\9ED1; }
.article_title span { font-size: 12px; float: right; }
.article_content { padding: 20px; }
.article_type ul { padding: 10px; margin-bottom: 20px; border-color: #ddd; }
.article_type ul li { padding: 5px 0 0 10px; }
.article_type ul span { color: #ff9913; margin-right: 10px; }
.article_type ul li:first-child { border-bottom: 1px solid #ff9913; padding: 0 0 5px 0; }

.index_shop { overflow: hidden; border: 1px solid #ddd; border-top: 0; }
.index_shop li { float: left; margin: 10px 0 10px 10px; width: 208px; padding: 10px; }
.index_shop li img { width: 100%; border-radius: 5px; width: 208px; height: 156px; }
.index_shop li span { }
.index_shop li:hover { box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); }

.shoptype { width: 200px; padding: 0px; }
.shoptype li { font: 12px/24px 微软雅黑; cursor: pointer; border-top: 1px solid #ddd; padding: 10px 0 10px 60px; overflow: hidden; height: 20px; }
.shoptype li span { color: #2577E3; }
.shoptype li:first-child { height: auto; font: 20px/40px 微软雅黑; border-top: 0; padding: 10px 0 10px 40px; background-color: #2577E3; color: white; }
.shoptype li.curr, .shoptype li.on { font-weight: bold; color: white !important; background-color: #ff9913; }

.shoplist { padding: 0 20px 20px 20px; }
.shoplist img { width: 195px; height: 117px; border-radius: 5px; box-shadow: 0 0 8px; }
.shoplist div { margin-top: 0px; }
.shoplist div:first-child { margin-top: 0px; }
.shoplist_title { text-align: left; font: 20px/40px \5FAE\8F6F\96C5\9ED1; padding: 10px; border-bottom: 1px solid #ddd; color: #ff9913; }
.shoplist_info { margin-left: 20px; }
.shoplist_info span { color: #6E6E6E; }
.shoplist_ul li { padding: 15px 0; border-bottom: 1px dashed #ddd; }

.box { border: 1px solid #2577E3; }
.box_head { padding: 0 10px; background-color: #2577E3; color: white; }
.box_body { font: 12px/24px \5FAE\8F6F\96C5\9ED1; padding: 0 10px; }

.divCon { display: block; float: left; overflow-x: visible; padding-bottom: 0px; width: 100%; max-width: 1010px; background-color: white; }
.divCon .divConTitle { color: #5C5C5C; border-bottom: 2px solid #2577E3; font-size: 16px; height: 50px; line-height: 50px; padding-left: 30px; font-weight: bold; }
.divCon .divConContent { padding: 2px 10px; overflow: hidden; }
.divCon .infomenu a:hover, .divCon .infomenu a.selected { color: white; background-color: #2577E3; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.divCon .infomenu a { display: block; text-align: center; height: 30px; line-height: 30px; font-weight: bold; }

.reg_ul { margin: 50px 0; padding-left: 100px; }
.reg_ul li { margin-top: 10px; }
.reg_ul li span { font: 16px/32px \5FAE\8F6F\96C5\9ED1; margin-right: 10px; display: inline-block; width: 100px; text-align: right; }
.reg_ul li input { border: 1px solid #e7ebee; border-radius: 3px; padding: 0 5px; color: #555; height: 40px; width: 200px; }

.userInfo { }
.userInfo_wel { padding-left: 50px; color: #ff9913; font: 20px/40px \5FAE\8F6F\96C5\9ED1; }
.userInfo_ul { margin: 50px 0 0 50px; }
.userInfo_ul li { margin-bottom: 20px; }
.userInfo_ul li span:first-child { display: inline-block; text-align: right; width: 80px; }
.userInfo_ul li span:last-child { color: #5C5C5C; font-weight: bold; }

#loginformDialog { }
#loginformDialog li { margin-bottom: 20px; }
#loginformDialog li span { display: inline-block; width: 60px; text-align: right; font: 16px/32px \5FAE\8F6F\96C5\9ED1; padding-right: 10px; }
#loginformDialog li.error { color: #ff9913; margin-bottom: -20px; }

ul.forBrandTab { height: 50px; overflow: hidden; border-bottom: 2px solid #2577E3; }
ul.forBrandTab li { box-sizing: border-box; border-top: 1px solid #ddd; border-right: 1px solid #ddd; display: block; width: 100px; text-align: center; cursor: pointer; float: left; list-style: none; height: 45px; line-height: 45px; margin-top: 5px; font-family: 'Microsoft YaHei'; font-size: 14px; font-weight: bold; color: #666; }
ul.forBrandTab li:first-child { border-top-left-radius: 5px; border-left: 1px solid #ddd; }
ul.forBrandTab li:last-child { border-top-right-radius: 5px; }
ul.forBrandTab li.myFav { color: #FF9913; }
ul.forBrandTab li.curr { color: white !important; background-color: #2577E3; border-color: #2577E3; }

.table { margin-bottom: 20px; max-width: 100%; width: 100%; font-size: 14px; font-family: "微软雅黑","Open Sans",sans-serif; border-collapse: collapse; margin-bottom: 20px; }
.table td { padding: 10px; font-size: 15px; text-align: center; border: solid 0; border-bottom: solid 1px #ddd; }

/*商城顶部菜单*/
.mall_menu { background: white; height: 45px; width: 100%; border-bottom: 2px solid #FF9913; }
.mall_menu li { float: left; }
.mall_menu li a, .mall_menu_cart { display: block; color: #333; font-size: 16px; height: 45px; line-height: 42px; width: 125px; text-align: center; overflow: hidden; font-weight: bold; font-family: "Microsoft YaHei" !important; }
.mall_menu li a:hover { color: #ff9913; }
.mall_menu li:first-child a { background-color: #F48A00; color: white; width: 200px; }
.mall_menu_cart { border: 1px solid #ff9913; border-radius: 5px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.mall_menu_cart a { display: block; font: 16px/46px \5FAE\8F6F\96C5\9ED1; }
.mall_menu_cart:hover #mall_menu_cart_container { display: block; }

#mall_menu_cart_count { color: #ff9913; font-size: 25px; }
#mall_menu_cart_container { display: none; position: absolute; border: 1px solid #FF9913; margin-left: -276px; width: 400px; z-index: 100; background-color: white; border-top: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#mall_menu_cart_container li { height: 40px; overflow: hidden; padding: 10px 0; border-bottom: 1px dashed #ddd; margin: 0px 10px; }
#mall_menu_cart_container li:last-child { border: 0; }
#mall_menu_cart_container li a { font: 12px/24px \5FAE\8F6F\96C5\9ED1; width: 100%; text-align: left; }
#mall_menu_cart_container li img { width: 40px; height: 40px; float: left; border-radius: 3px; }
#mall_menu_cart_container li div { float: left; padding-left: 10px; }
#mall_menu_cart_container li .del { width: 30px; line-height: 40px; cursor: pointer; color: #EF0505; }
/*商城左侧菜单*/
.mallIndexMenu { width: 200px; background-color: #ff9913; color: white; border-bottom: 1px solid #FF9913; }
.mallIndexMenu li { padding-left: 10px; }
.mallIndexMenu li a { font: 16px/32px \5FAE\8F6F\96C5\9ED1; color: white; display: block; width: 100%; height: 100%; }
.mallIndexMenu li.on { background-color: white; color: #FF9913; border-left: 1px solid #FF9913; }
.mallIndexMenu li.on a { background-color: white; color: #FF9913; }
.mallIndexMenu li.on .mallIndexMenu_c { display: block; }
.mallIndexMenu li .mallIndexMenu_c { z-index: 50; color: #FF9913; position: absolute; margin-left: 189px; margin-top: -33px; display: none; border: 1px solid #FF9913; width: 280px; background-color: white; }
.mallIndexMenu li .mallIndexMenu_c a { display: inline-block; width: auto; margin-left: 30px; color: #666; font-size: 12px; }
.mallIndexMenu li .mallIndexMenu_c a:hover { color: #FF9913; }

/*商城首页分类头*/
.floor_head { border-bottom: 1px solid #FF9913; overflow: visible; _zoom: 1; position: relative; height: 36px; }
.floor_head h2 { position: relative; padding-left: 40px; color: #333; float: left; display: inline; line-height: 30px; font-size: 20px; }
.floor_head h2 i { position: absolute; top: 2px; left: 0; width: 21px; height: 25px; padding-right: 10px; background: url(/Content/Style/Img/floor1new.png) no-repeat 0 0; font-size: 13px; color: #fff; text-align: center; overflow: hidden; }
.floor_head h2:before { content: ""; position: absolute; top: 2px; left: 0; width: 31px; height: 25px; background-position: 0 -35px; }
.floor_head .tab { margin-top: 1px; float: right; display: inline; border: solid 1px #ededed; border-bottom: 0 none; height: 34px; line-height: 34px; z-index: 1; }
.floor_head .tab-item { float: left; display: inline; height: 34px; position: relative; }
.floor_head .tab-item a { float: left; height: 34px; padding: 0 16px; text-decoration: none; line-height: 34px; overflow: hidden; background: #fff; border-left: solid 1px #fff; border-right: solid 1px #fff; white-space: nowrap; }
.floor_head .tab-selected a { position: absolute; white-space: nowrap; border-left: solid 1px #FF9913; border-right: solid 1px #FF9913; border-top: solid 3px #FF9913; top: -1px; left: -1px; height: 33px; line-height: 30px; color: #FF9913; text-indent: 1px; }
.floor_head .tab-item span { position: absolute; width: 1px; background: #ccc; overflow: hidden; height: 14px; top: 10px; right: 0; }
.floor_head .tab-selected span { display: none; }
.floor_head .tab-item:last-child span { display: none; }

/*商城首页分类信息*/
.floor_container { min-height: 200px; }
.floor_container ul { display: none; border-right: 1px solid #ededed; overflow: hidden; }
.floor_container ul:first-child { display: block; }
.floor_container .floor_container_no { background-color: #fff; width: 100%; font: 20px/264px \5FAE\8F6F\96C5\9ED1; text-align: center; color: #666666; }
.floor_container .floor_container_no:hover { background-color: #fff; }
.floor_container ul li { padding: 15px; width: 208.7px; height: 264px; border-left: 1px solid #ededed; border-bottom: 1px solid #ededed; float: left; }
.floor_container ul li:first-child { }
.floor_container_img { width: 100%; border-radius: 10px; }
.floor_container ul li:hover img { box-shadow: 0 0 8px; }
.floor_container ul li:hover div { color: #FF9913; }
.floor_container_price { }

.cart_head { }
.cart_shop { }
.cart_shop_name { padding-left: 3px; }
.cart_info { border: 1px solid #ededed; border-top: 2px solid #ededed; }
.cart_info.on { border-color: #FF9913; }
.cart_info li { height: 80px; overflow: hidden; padding: 10px; border-top: 1px solid #ededed; }
.cart_info li:first-child { border-top: 0px solid #ededed; }
.cart_info .coupon { position: absolute; line-height: inherit; margin-left: 110px; margin-top: 60px; border: 1px solid #FF9913; border-left: 3px solid #FF9913; }
.cart_info li div { line-height: 80px; padding: 0 10px; }
.cart_info_pic { width: 80px; }
.cart_info_pic img { width: 100%; border-radius: 5px; }
.cart_info_name { width: 600px; line-height: inherit!important; }
.cart_info_price { width: 55px; }
.cart_info_count { width: 100px; }
.cart_info_money { width: 50px; }
.cart_info_op { width: 90px; }

.cart_foot { height: 50px; border-radius: 0; position: relative; }
.cart_foot a { line-height: 50px; }
.cart_foot .cart_foot_btn { text-align: center; width: 120px; line-height: 50px; font-size: 20px; background-color: #FF9913; font-weight: bold; color: white; position: absolute; top: -1px; right: 0; }
.cart_foot .cart_foot_info { line-height: 50px; margin-right: 140px; }
.cart_foot .cart_foot_info span { font-size: 16px; color: #FF9913; }

/*分类页 类型展示区*/
.type_head { border: 1px solid #ddd; }
.type_head .type_head_info { padding: 10px; }
.type_head ul { }
.type_head ul li { float: left; margin: 0 10px; cursor: pointer; }
.type_head ul li:hover, .type_head ul li.on { color: #FF9913; }
.type_head .type_head_type { border-top: 1px solid #ddd; padding: 10px; overflow: hidden; }
.type_head .type_head_type span { font-weight: bold; cursor: inherit; }

/*分类页 商品展示区*/
.type_pro { }
.type_pro { min-height: 200px; }
.type_pro ul { overflow: hidden; border-top: 1px solid #ddd; border-right: 1px solid #ddd; width: 100%; }
.type_pro .floor_container_no { background-color: #fff; width: 100%; font: 20px/264px \5FAE\8F6F\96C5\9ED1; text-align: center; color: #666666; }
.type_pro .floor_container_no:hover { background-color: #fff; }
.type_pro ul li { padding: 15px; width: 214px; height: 264px; border-left: 1px solid #ededed; border-bottom: 1px solid #ededed; float: left; }
.type_pro ul li:first-child { }
.type_pro ul li:hover img { box-shadow: 0 0 8px; }
.type_pro ul li:hover div { color: #FF9913; }

/*产品主页*/
.product_main { width: 940px; border: 0px solid #ddd; }
.product_main .pic { width: 400px; height: 400px; border-radius: 10px; }
.product_main .info { padding-left: 35px; border: 0px solid; width: 500px; }
.product_main .info h2 { color: #FF9913; border-bottom: 0px dashed #ddd; padding-bottom: 0px; }
.product_main .info div { padding: 10px 0; overflow: hidden; }
.product_main .info div span { font-size: 16px; }
.product_main .info div > span:first-child { }
.product_main .info div > span:last-child { color: #A0A0A0; }
.product_main .info .same a { display: block; height: 24px; line-height: 24px; border: 1px solid #ddd; float: left; overflow: hidden; margin: 5px 7px; padding: 3px 24px; text-decoration: none; }
.product_main .info .same a:hover, .product_main .info .same a.curr { color: #28B4ED; border: 1px solid #28B4ED; }
.product_main .info .same a.curr { background: url(/Content/Style/Img/mode_payment.png) no-repeat top right; }


.product_des { }
.product_des .product_des_head { font-size: 20px; padding: 20px 0 10px 0; border-bottom: 2px solid #FF9913; }
.product_des_body { padding: 0 200px; }
.product_des_body img { max-width: 100%; }
/*个人中心 商品列表*/
.productlist_search { padding: 10px 0; }
.productlist_search .btn { width: 60px; margin-right: 20px; }

.addproduct { }

.orderconfirm_address { overflow: hidden; height: 60px; }
.orderconfirm_payway { overflow: hidden; }
.orderconfirm_address.show { height: auto; }
.orderconfirm_address li, .orderconfirm_payway li { height: 40px; line-height: 40px; border: 2px dotted #DAE4F0; margin: 10px 0; border-radius: 5px; }
.orderconfirm_address li span, .orderconfirm_payway li span { display: block; float: left; margin: 0px 15px; line-height: 40px; }
.orderconfirm_address li span.forReName, .orderconfirm_payway li span.forReName { width: 100px; font-weight: bold; padding: 0 3px; font-size: 16px; }
.orderconfirm_address li.cur, .orderconfirm_payway li.cur { border: 2px solid #FF9913; }
.orderconfirm_payway li { height: 60px; line-height: 60px; }
.orderconfirm_payway li span { line-height: 60px; }


/*分页*/
.pager { text-align: right; margin: 10px 0;}
.pager a { margin: 0 2px; display: inline-block; width: 30px; /*height: 30px; line-height: 30px;*/ border-radius: 30px; border: 1px solid #ddd; text-align: center; }
.pager a.pager_btn { width: 50px; }
.pager a:hover, .pager a.on { background-color: #2577E3; color: white; }
